<style lang = 'less'>
.BuyExchangePromptLetter{
  .select{
    position: relative;
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    border: 1px solid #bfbfbf;
    margin-left:0.6rem;
    margin-right:0.21rem;
    vertical-align: top;
    &>img{
      position:absolute;
      top: 0px;
      left: 0px;
      width: 100%;
    }
  }
  .deal{
    margin-top: 0.28rem;
    padding-left: 0.3rem;
    overflow: hidden;
    &>p{
      float: left;
      width:6.43rem;
      font-size:0.26rem;
      line-height: 0.35rem;
      color: #ccc;
      .dealCheck{
        color: #3333ff;
      }
    }
    &>i{
      float: left;
      margin-left: 0px;
      margin-right: 0.15rem;
      &>img{
        vertical-align: top;
        width: 100%;
        height: auto;
      }
    }
  }
  .null-box{
    width: 100%;
    height: .2rem;
    background-color: #FAFAFA;
  }
  .submit-btn{
    width: 6.9rem;
    height: .88rem;
    background-color: #EC1B30;
    color: #FFFFFF;
    font-size: .34rem;
    text-align: center;
    line-height: .88rem;
    border-radius: .06rem;
    margin: 0.61rem auto 0;
  }
  .letter-box{
    background-color: #FFFFFF;
    margin-top: .2rem;
    padding:0 .32rem .59rem;
    font-size: .28rem;
    font-size: .28rem;
    >p:nth-of-type(1){
      color: #333333;
      height: 1.21rem;
      line-height: 1.21rem;
    }
    >p:not(:first-child){
      text-indent: 1em;
      color: #999999;
      line-height: .5rem;
    }
  }
}
</style>
<template>
  <div class="dy-main BuyExchangePromptLetter">
    <div class="dy-header">
      <x-header :right-options="{showMore: false}" :left-options="{preventGoBack:true}" @on-click-back="back" @on-click-more="showMenus = true">提示函</x-header>
    </div>
    <div class="dy-body">
      <div class="dy-wapper">
        <scroller lock-x>
          <div class="scroller-box">
            <group gutter='.1rem' label-width="" title="">
              <cell title="姓名" :value="Name"></cell>
              <cell title="身份证" :value="exchangeAccno"></cell>
              <cell title="关注期限" :value="attentionStartDate+'-'+attentionEndDate"></cell>
              <cell title="列入原因" :value="reason"></cell>
            </group>
            <div class="letter-box">
              <p>个人外汇管理“重点关注对象”确认书</p>
              <p>本人已知晓并确认因发生发生异常外汇交易行为，被列为个人外汇管理重点关注对象”。</p>
              <p>本人已知晓、理解《中华人民共和国外汇管理条例》及 个人外汇管理法规规定，  若再次发生违反外汇管理规定行为，  将接受外汇局依法实施的调减个人结售汇年度总额、  列入个人”关注名单“等管理措施，涉及逃税、洗钱等违法事项将由税务、司法机关等依法处理。
              </p>
            </div>
            <div class="deal">
              <i class='select' @click='forginClick'><img src="../../../assets/img/Financial/selected.png" alt="" v-show="forgin"></i>
              <p>电子银行个人结售汇服务须知</p>
            </div>
            <div @click="gotoNext('BuyExchangeConfirm')" class="submit-btn">下一步</div>
          </div>
        </scroller>
      </div>
    </div>
    <div class="dy-footer"></div>
  </div>
</template>

<script>
export default {
  mounted () {

  },
  data () {
    return {
      Name: '测试账号',
      exchangeAccno: '52238786789098765435',
      attentionStartDate: '2018/05/09',
      attentionEndDate: '2018/05/28',
      reason: '备注',
      forgin: '1'
    }
  },
  computed: { },
  methods: {
    back () {
      this.$publicFun.goBack(this)
    },
    forginClick: function () {
      let n = this.forgin
      if (n === 1) {
        this.forgin = 0
      } else {
        this.forgin = 1
      }
    },
    gotoNext (name) {
      this.$router.push({path: name})
    },
    refreshTest () {
      let LVm = this
      this.$bridge.callhandler('nativeRequest',
        JSON.stringify({'requstSource': 'internetRequest', 'url': 'http://whichat.icitic.net/mstep/mstep.do?act=business', 'params': {'method_Name': 'M0401010', 'basic_Data': {'PayAccount': '6217298009765555', 'BuyAmt': '2001'}}}),
        function (response) {
          response = JSON.parse(response)
          if (response.status === 0 || response.status === '0') {
            LVm.prdList = response.data.data
          } else {
            LVm.aaa = response.data.data
          }
        }
      )
      // this.$router.push({name: 'FinancialBuySure', query: {'PayAccount': '6217298009765555', 'BuyAmt': '2001'}})
    }
  },
  created () {
    this.refreshTest()
  },
  watch: {
  }
}
</script>
